<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>



    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css"/>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js"></script>

    <!-- 引入 Laydate 的 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/css/layui.css">

    <script src="https://cdn.bootcdn.net/ajax/libs/layui/2.6.8/layui.js"></script>


    <title id="param">毕昇杯报名</title>
</head>
<body>


<style>

    .req{

        color: red;

    }

    .myinput{

        height: 50px;



    }

</style>


<div style="padding-left:10%; padding-right: 10%">







    <div id="toptitle" style="text-align: center;
    color: black;">
        <h2 class="name" id="name" style="font-size: 35px;">
            毕昇杯报名</h2>


        <h3 style="font-size: 25px;margin-top: 10px; " id="timestr">2024</h3>
    </div>






    <form action="/insertBaoming" style="margin-top: 40px; font-size: 20px;" id="zhuce">


   <input type="hidden"    id="openid" name="openid"    th:value="${openid}"  >






        <div class="form-group">
            <label for="schoolname">学校：</label> <span class="req">*</span>
            <input type="text" required="required"  class="form-control myinput" id="schoolname" name="schoolname" >
        </div>


        <div class="form-group">
            <label for="yuanxi">学院：</label> <span class="req">*</span>
            <input type="text" required="required"  class="form-control myinput" id="yuanxi" name="yuanxi" >
        </div>











        <div class="form-group">
            <label for="fuzerenname"> 参赛选手：</label> <span class="req">*</span>
            <input type="text"   required="required" class="form-control myinput" id="fuzerenname" name="fuzerenname" placeholder="参赛选手姓名，可填多个">
        </div>

        <div class="form-group">
            <label for="phone">联系方式：</label> <span class="req">*</span>
            <input type="number" required="required"  class="form-control myinput" id="phone" name="phone" placeholder="参赛选手联系方式，填写一个" >
        </div>

        <div class="form-group">
            <label for="weixin"> 微信或Email：</label> <span class="req">*</span>
            <input type="text"   required="required"    class="form-control myinput" id="weixin" name="weixin"  placeholder="参赛选手微信或Email，填写一个" >
        </div>






<!--



        <div class="form-group">
            <label for="stuname"> 参赛人：</label> <span class="req">*</span>
            <input type="text"   required="required" class="form-control myinput" id="stuname" name="stuname" placeholder="参赛学生姓名">
        </div>
-->


        <div class="form-group">
            <label for="teachername"> 指导老师：</label> <span class="req">*</span>
            <input type="text"   required="required" class="form-control myinput" id="teachername" name="teachername" placeholder="指导老师姓名，可填多个">
        </div>
        <div class="form-group">
            <label for="teacherphine">联系方式：</label> <span class="req">*</span>
            <input type="number" required="required"  class="form-control myinput" id="teacherphine" name="teacherphine" placeholder="指导老师联系方式，填写一个">
        </div>

        <div class="form-group">
            <label for="teacheremail"> 微信或Email：</label> <span class="req">*</span>
            <input type="text"  required="required"     class="form-control myinput" id="teacheremail" name="teacheremail" placeholder="指导老师微信或Email，填写一个">
        </div>





<!--


        <div class="form-group">
            <label for="type1">课题分类</label>


            <div class="radio">
                <label>
                    <input type="radio" name="type" id="type1" value="DSP类课题" >DSP类课题
                </label>
            </div>


            <div class="radio">

                <label>
                    <input type="radio" name="type" id="type2" value="ARM类课题">ARM类课题
                </label>
            </div>


            <div class="radio">
                <label>
                    <input type="radio" name="type" id="type3" value="单片机类课题" checked="checked" >单片机类课题
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="type" id="type4" value="EDA类课题">EDA类课题
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="type" id="type5" value="物联网应用软件设计类课题">物联网应用软件设计类课题
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" name="type" id="type6" value="其他类课题">其他类课题
                </label>
            </div>



        </div>
-->

<!--


        <div class="form-group">
            <label for="weixin"> 联系地址：</label>
            <input type="text"   class="form-control myinput" id="dizhi" name="dizhi" >
        </div>-->

        <div class="form-group">
            <label for="timu"> 参赛作品名称：</label>  <span class="req">*</span>
            <input type="text"  required="required"   class="form-control myinput" id="timu" name="timu" >
        </div>

        <div class="form-group">
            <label for="jianjie">参赛作品简介：</label>
            <textarea     style="height: 100px;" class="form-control myinput" id="jianjie" name="jianjie" ></textarea>
        </div>


      <!--  <div class="form-group">
            <label for="weixin"  style="display: block" > 作品拟递交时间：</label>
            <input type="text"  style="display: inline; width: 45%;"    class="form-control myinput" id="shijianstart" name="shijianstart" >
          &#45;&#45;  <input type="text"  style="display: inline ; width: 45%;"   class="form-control myinput" id="shijainend" name="shijainend" >


        </div>-->

        <div class="form-group">
            <label for="beizhu"> 备注：</label>


            <textarea     style="height: 100px;" class="form-control myinput" id="beizhu" name="beizhu" ></textarea>

        </div>






        <button type="submit" style="width: 100% ;  font-size: 30px   "   class="btn btn-success myinput">提交</button>
    </form>




    <div style="margin-top: 20px">

        <h3 style="font-size: 16px">
        说明：<br>
        1、参加本次竞赛即视为同意《第十四届“毕昇杯”全国大学生电子设计新技术应用创新竞赛邀请函》内容；<br>
        2、每个队团队人数不超过5人，每个队伍需指定一名指导教师；<br>
        3、如遇问题请采用备用邮箱报名：design@techshine.com，联系电话010-58412590<br>
        </h3>

    </div>



</div>


</body>




<script>










    $(function () {







        $.ajax({
            method: 'GET',
            data:{

            },
            url: 'selectInfo',
            success: function (res) {

                if(res.status==200){


                    var info=res.info;



                    $('#param').html(info.param);
                    $('#name').html(info.name);
                    $('#timestr').html(info.timestr);





                }




            },

            error :function (res) {






            }


        })










    });










    $('#zhuce').bootstrapValidator({
        fields : {


            message: '输入值无效',


            'stuname' : {          //input中的name 值

                message: '输入值无效',//The default error message for all fields. You can specify the error message for any fields


                validators:{



                    notEmpty: {
                        message: '不能为空'
                    }

                }
            },





            'schoolname' : {          //input中的name 值

                message: '输入值无效',//The default error message for all fields. You can specify the error message for any fields


                validators:{



                    notEmpty: {
                        message: '不能为空'
                    }

                }
            },



            'yuanxi' : {          //input中的name 值

                message: '输入值无效',//The default error message for all fields. You can specify the error message for any fields


                validators:{



                    notEmpty: {
                        message: '不能为空'
                    }

                }
            },



            'fuzerenname' : {          //input中的name 值
                message: '输入值无效',//The default error message for all fields. You can specify the error message for any fields
                validators:{
                    notEmpty: {
                        message: '不能为空'
                    }
                }
            },
            'weixin' : {          //input中的name 值
                message: '输入值无效',//The default error message for all fields. You can specify the error message for any fields
                validators:{
                    notEmpty: {
                        message: '不能为空'
                    }
                }
            },
            'teachername' : {          //input中的name 值
                message: '输入值无效',//The default error message for all fields. You can specify the error message for any fields
                validators:{
                    notEmpty: {
                        message: '不能为空'
                    }
                }
            },
            'teacheremail' : {          //input中的name 值
                message: '输入值无效',//The default error message for all fields. You can specify the error message for any fields
                validators:{
                    notEmpty: {
                        message: '不能为空'
                    }
                }
            },
            'timu' : {          //input中的name 值
                message: '输入值无效',//The default error message for all fields. You can specify the error message for any fields
                validators:{
                    notEmpty: {
                        message: '不能为空'
                    }
                }
            },










            //验证手机
            'phone' : {          //input中的name 值

                message: '输入值无效',//The default error message for all fields. You can specify the error message for any fields


                validators:{



                    notEmpty: {
                        message: '不能为空'
                    },



                    regexp: {
                        regexp: /^1\d{10}$/ ,
                        message: '请输入正确的手机号'
                    }

                }
            },

            //验证手机
            'teacherphine' : {          //input中的name 值

                message: '输入值无效',//The default error message for all fields. You can specify the error message for any fields


                validators:{



                    notEmpty: {
                        message: '不能为空'
                    },



                    regexp: {
                        regexp: /^1\d{10}$/ ,
                        message: '请输入正确的手机号'
                    }

                }
            }










        }
    });



    // 初始化 Laydate
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        // 应用到 shijianstart 输入框
        laydate.render({
            elem: '#shijianstart',
            type: 'date'
        });

        // 应用到 shijainend 输入框
        laydate.render({
            elem: '#shijainend',
            type: 'date'
        });
    });
</script>









</html>